*{margin: 0;padding: 0}
html, body {width: 100%;height: 100%;margin: 0;padding: 0;}
.login-bg{width: 100%;height: 100%;display:flex;}
.login-box{margin: 0 auto;width: 800px;height: 500px;background: #fff;align-self:center;border-radius: 10px;box-shadow: 10px 10px 5px #d2d2d2;}
.login-left{width: 280px;height: 100%;background-color:#1E9FFF;background-image:linear-gradient(#1E9FFF,#32c5d2);float: left}
.login-menu{width: 80px;height: 100%;float: right}
.login-btn-menu{width: 80px;height: 40px;line-height:40px;text-align: center;margin-top: 350px;margin-left: 10px;color: #fff;cursor: pointer}
.reg-btn-menu{width: 80px;height: 40px;line-height:40px;text-align: center;margin-left: 10px;color:#fff;cursor: pointer}
.menu-active{background: #fff;border-radius: 10px;color: #01AAED}
.login-right{width: 520px;height: 100%;float: left}
.login-div{width: 100%;height: 100%}
.login-div h1{text-align: center;margin-top: 50px;color: #1E9FFF}
.login-form{width: 100%;height: 300px;margin-top: 80px}
.input-box{width: 100%;height: 50px;text-align: center;margin-top: 20px}
.input-box input{width: 350px;height: 40px;padding-left: 10px;border-radius: 5px;border: 1px solid #c2c2c2}
.forgot{float: right;margin-right: 80px;font-size: 12px;color: #01AAED;text-decoration: none; margin-top: 10px}
.login-btn{width: 300px;height: 40px;line-height: 40px;text-align: center;background: #1E9FFF;color: #fff;margin: 50px auto auto auto;border-radius: 10px;cursor: pointer}

.reg-div{width: 100%;height: 100%;display: none}
.reg-div h1{text-align: center;margin-top: 50px;color: #1E9FFF}
.reg-form{width: 100%;height: 300px;margin-top: 50px}
.reg-btn{width: 300px;height: 40px;line-height: 40px;text-align: center;background: #1E9FFF;color: #fff;margin: 20px auto auto auto;border-radius: 10px;cursor: pointer}
.captcha-input{width: 200px!important;}
.captcha{width: 130px;height: 40px;float: right;cursor: pointer;position: relative;margin-right: 19px;left: -62px;}